<template>
    <div id="sys3">
        <p>系统管理3</p>
        <ul>
            <li v-for="(val,index) in arr">
                {{val}}
            </li>
        </ul>
        <button @click="jia">加梨子</button>
    </div>
</template>

<script>
export default {
  data(){
      return {
          arr:["apple","banana","orange"]
      }
  },
  methods:{
      jia(){
          this.arr.push("lizi")
      }
  }
}
</script>

<style scoped>
    ul>li{
        width: 50px;
        line-height: 24px;
        background-color:orange;
    }
</style>



